﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register src="Controls/ucRight.ascx" tagname="ucRight" tagprefix="uc1" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div class="leftcontent">
        <div class="content">
            <div class="slideshow">
                <div id="slideshow">
                    <script type="text/javascript">
                        $(function () {
                            $('.neoslideshow img:gt(0)').hide();
                            setInterval(function () {
                                $('.neoslideshow :first-child').fadeOut()
								.next('img').fadeIn()
								.end().appendTo('.neoslideshow');
                            },
							3000);
                        })
					</script>
                    <div class="neoslideshow">
                        <asp:Repeater ID="rptslideshow" runat="server">
                            <ItemTemplate>
                                <img alt="<%# Eval("name") %>" src="<%# "Uploads/slideshow/"+Eval("src") %>" />
                            </ItemTemplate>
                        </asp:Repeater>
                    </div>
                </div>
            </div>
            <div id="tintuc">
                <h3>Tin Mới Nhất</h3>
                <div id="box-tintuc">
                    <ul>
                        <asp:Repeater ID="rpttintuctonghop" runat="server">
                            <ItemTemplate>
                                <li>
                                    <asp:HyperLink runat="server" 
                                        NavigateUrl='<%# "Chitiettintuc.aspx?id="+Eval("id") %>'
                                        Text='<%# Eval("title") %>'>
                                    </asp:HyperLink>
                                    <span> - <%# Eval("date") %></span>
                                </li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                    <div class="readmore">
                        <asp:HyperLink runat="server" NavigateUrl="#">Xem Thêm</asp:HyperLink>
                    </div>
                </div>
            </div>
        </div>
        <div class="content2">
            <div class="item">
                <h3>Hoạt Động Của Bé</h3>
                <div class="box-item">
                    <asp:Repeater ID="rpttintuccuabe" runat="server">
                        <ItemTemplate>
                            <div class="element-box-item">
                                <div class="images-element">
                                    <a href="<%# "Chitiettintuc.aspx?id="+Eval("id") %>">
                                        <img src="<%# "Uploads/News/"+Eval("image") %>" alt="" />
                                    </a>
                                </div>
                                <div class="contents-element">
                                    <a href="<%# "Chitiettintuc.aspx?id="+Eval("id") %>">
                                        <%# Eval("title")%>
                                    </a>
                                </div>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                    <div class="readmore">
                        <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="Tintuc.aspx?type=3">Xem Thêm</asp:HyperLink>
                    </div>
                </div>
            </div>
            <div class="item">
                <h3>Dành Cho Cha Mẹ</h3>
                <div class="box-item">
                    <asp:Repeater ID="rpttintucchame" runat="server">
                        <ItemTemplate>
                            <div class="element-box-item">
                                <div class="images-element">
                                    <a href="<%# "Chitiettintuc.aspx?id="+Eval("id") %>">
                                        <img src="<%# "Uploads/News/"+Eval("image") %>" alt="" />
                                    </a>
                                </div>
                                <div class="contents-element">
                                    <a href="<%# "Chitiettintuc.aspx?id="+Eval("id") %>">
                                        <%# Eval("title")%>
                                    </a>
                                </div>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                    <div class="readmore">
                        <asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="Tintuc.aspx?type=4">Xem Thêm</asp:HyperLink>
                    </div>
                </div>
            </div>
        </div>
        <div class="content3">
            <script language="javascript" type="text/javascript">
                $(function () {
                    $("#amazon_scroller").amazon_scroller({
                        scroller_title_show: 'enable',
                        scroller_time_interval: '3000',
                        scroller_window_background_color: "none",
                        scroller_window_padding: '10',
                        scroller_border_size: '2',
                        scroller_border_color: '#9C6',
                        scroller_images_width: '146',
                        scroller_images_height: '160',
                        scroller_title_size: '11',
                        scroller_title_color: 'black',
                        scroller_show_count: '4',
                        directory: 'images'
                    });
                });
            </script>
            <div id="box">
                <h3>Thư Viện Hình Ảnh</h3>
                <div id="amazon_scroller" class="amazon_scroller">
                    <div class="amazon_scroller_mask">
                        <ul>
                            <asp:Repeater ID="rptthuvienanh" runat="server">
                                <ItemTemplate>
                                    <li><a href="#" title="<%# Eval("name") %>"><img src="<%# "Uploads/Album/"+Eval("image") %>" width="60" height="60" alt="<%# Eval("name") %>"/></a></li>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                    <ul class="amazon_scroller_nav">
                        <li></li>
                        <li></li>
                    </ul>
                    <div style="clear: both"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="rightcontent">
        <uc1:ucRight ID="ucRight1" runat="server" />
    </div>
    <div class="clear"></div>
</asp:Content>
